Repository navigation
Align web and mobile learning screens with Figma - #5
Open
Sadturtleman wants to merge 2 commits into
Open
Sadturtleman wants to merge 2 commits into
Sadturtleman wants to merge 2 commits into
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Figma 웹·Android 원본과 달랐던 홈 배너, 글자 크기, 카드, 코드 작성 화면 배치를 맞췄습니다. 문제 설명은 위에, 편집기와 실행 시각화는 좌우에, 테스트 결과와 리뷰는 아래에 표시합니다. 리뷰를 열어도 실행 시각화가 유지됩니다.
모바일에는 원본 소개·추천 학습 카드와 홈/학습/퀴즈 하단 메뉴를 반영하고, 다크 모드 로고·색상 및 Monaco 테마를 맞췄습니다. 이후 확정한 47개 개념의 종류별 분류, 개념→퀴즈→코드 문제 화면 분리, 관리자/문의 기능은 유지합니다. 전체 Figma 상태의 픽셀 단위 일치를 주장하지 않으며 비교 기준은 docs/figma-design-parity.md에 정리했습니다.
검증: npm run check 통과(55개 테스트 통과, PostgreSQL 환경 검사 1개 생략), 브라우저 테스트 17개 통과. 360/412/768/850/1024/1440px와 라이트·다크 모드의 가로 넘침, 모바일 하단 메뉴 이동, 리뷰 전환 시 시각화 유지 확인.
이 PR은 GA4/Amplitude 변경 위에 쌓인 디자인 변경으로 base는 codex/ga4-redash-events입니다.